<!doctype html>
<html>
<head>
    <title>宝可思ICC社区</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!--bootstrap-->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
    <!--coustom css-->
    <!--<link href="css/style.css" rel="stylesheet" type="text/css"/>-->
    <!--script-->
    <script src="js/jquery-1.11.0.min.js"></script>
    <!-- js -->
    <script src="js/bootstrap.js"></script>
    <link href="css/video-js.css" rel="stylesheet">
    <!-- If you'd like to support IE8 -->
    <script src="js/videojs-ie8.min.js"></script>
    <script src="js/video.min.js"></script>
    <!-- /js -->
    <!--fonts-->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400italic,400,600,600italic,700,700italic,800,800italic'
          rel='stylesheet' type='text/css'>
    <!--/fonts-->
    <!--hover-girds-->
    <link rel="stylesheet" type="text/css" href="css/default.css"/>
    <link rel="stylesheet" type="text/css" href="css/component.css"/>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/about.css">
    <link rel="stylesheet" href="css/teaching.css">
    <link rel="stylesheet" href="css/nationwide.css">
    <link rel="stylesheet" href="css/ICCCommunity.css">
    <script src="js/modernizr.custom.js"></script>
    <!--/hover-grids-->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <!--script-->
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 900);
            });
        });
    </script>
    <!--/script-->
</head>
<body style="background-color: white">
<!--nav-->
<script src="js/jquery.tmpl.js" type="text/javascript"></script>


<!--<div class="container clearfix">-->
<div id="nav" class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand hidden-sm" href="#">宝可思国际儿童会</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于宝可思ICC</a></li>
                <li><a href="teachingShow.html">教学展示</a></li>
                <li><a href="brand.html">品牌加盟</a></li>
                <li><a href="nationwide.html">全国中心</a></li>
                <li class="active"><a href="ICCCommunity.html">宝可思ICC社区</a></li>
                <li class="phone">
                    <img src="./images/phone1.png" alt="">
                    <span>400 1100 508</span>
                </li>
                <li class="english">
                    <span>English</span>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</div>
<!--</div>-->

<!--</div>-->
<!-- 二级导航 -->
<!--<div class="container-fluid" id="navigation-two">-->
<!--<div class="container">-->
<!--<div class="row">-->
<!--<ul class="nav nav-pills">-->
<!--<li role="presentation" class="active"><a href="#">课程介绍</a></li>-->
<!--<li role="presentation"><a href="#">教学活动</a></li>-->
<!--</ul>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--宝可思社区  图文-->
<div class="container-fluid" id="Icc-community">
    <div class="container" id="img-and-text">
        <div class="row">
            <div class="" style="text-align: center;margin-top: 15px">
                <img src="images/community_img1.png" alt="" class="school-title-img">
            </div>
        </div>
        <div class="row">
            <ul class="list-unstyled ul" id="ul-list">
                <!--<li class="Icc-li">-->
                    <!--<div class="media ">-->
                        <!--<div class="hidden-xs col-sm-2 Icc-col1-width" style="">-->
                            <!--<div class="bg-div">-->
                                <!--<img class="media-object icc-img" src="./images/community_img.png" alt="">-->
                            <!--</div>-->
                            <!--&lt;!&ndash;<img    class="icc-img1" src="images/Icc_bg.png" alt="">&ndash;&gt;-->
                        <!--</div>-->
                        <!--<div class="col-sm-1 col-xs-1 Icc-jiao-div">-->
                            <!--<img src="images/3jiao.png" alt="" class="Icc-jiao">-->
                        <!--</div>-->
                        <!--<div class="col-sm-8 col-xs-12 Icc-text">-->
                            <!--<img src="images/more.png" alt="" class="more-img">-->
                            <!--<h4 class="media-heading" style="color: red">Middle aligned media</h4>-->
                            <!--<span class="time-span">2017-8-8</span>-->
                            <!--<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis dicta dolores est eum-->
                            <!--exercitationem maxime neque numquam, perferendis praesentium provident quae quasi ratione,-->
                            <!--rerum similique unde vitae voluptate voluptates voluptatum.</span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li class="Icc-li">-->
                    <!--<div class="media ">-->
                        <!--<div class="hidden-xs col-sm-2 Icc-col1-width" style="">-->
                            <!--<div class="bg-div">-->
                                <!--<img class="media-object icc-img" src="./images/community_img.png" alt="">-->
                            <!--</div>-->
                            <!--&lt;!&ndash;<img    class="icc-img1" src="images/Icc_bg.png" alt="">&ndash;&gt;-->
                        <!--</div>-->
                        <!--<div class="col-sm-1 col-xs-1 Icc-jiao-div">-->
                            <!--<img src="images/3jiao.png" alt="" class="Icc-jiao">-->
                        <!--</div>-->
                        <!--<div class="col-sm-8 col-xs-12 Icc-text">-->
                            <!--<img src="images/more.png" alt="" class="more-img">-->
                            <!--<h4 class="media-heading" style="color: red">Middle aligned media</h4>-->
                            <!--<span class="time-span">2017-8-8</span>-->
                            <!--<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis dicta dolores est eum-->
                            <!--exercitationem maxime neque numquam, perferendis praesentium provident quae quasi ratione,-->
                            <!--rerum similique unde vitae voluptate voluptates voluptatum.</span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li class="Icc-li">-->
                    <!--<div class="media ">-->
                        <!--<div class="hidden-xs col-sm-2 Icc-col1-width" style="">-->
                            <!--<div class="bg-div">-->
                                <!--<img class="media-object icc-img" src="./images/community_img.png" alt="">-->
                            <!--</div>-->
                            <!--&lt;!&ndash;<img    class="icc-img1" src="images/Icc_bg.png" alt="">&ndash;&gt;-->
                        <!--</div>-->
                        <!--<div class="col-sm-1 col-xs-1 Icc-jiao-div">-->
                            <!--<img src="images/3jiao.png" alt="" class="Icc-jiao">-->
                        <!--</div>-->
                        <!--<div class="col-sm-8 col-xs-12 Icc-text">-->
                            <!--<img src="images/more.png" alt="" class="more-img">-->
                            <!--<h4 class="media-heading" style="color: red">Middle aligned media</h4>-->
                            <!--<span class="time-span">2017-8-8</span>-->
                            <!--<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis dicta dolores est eum-->
                            <!--exercitationem maxime neque numquam, perferendis praesentium provident quae quasi ratione,-->
                            <!--rerum similique unde vitae voluptate voluptates voluptatum.</span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li class="Icc-li">-->
                    <!--<div class="media ">-->
                        <!--<div class="hidden-xs col-sm-2 Icc-col1-width" style="">-->
                            <!--<div class="bg-div">-->
                                <!--<img class="media-object icc-img" src="./images/community_img.png" alt="">-->
                            <!--</div>-->
                            <!--&lt;!&ndash;<img    class="icc-img1" src="images/Icc_bg.png" alt="">&ndash;&gt;-->
                        <!--</div>-->
                        <!--<div class="col-sm-1 col-xs-1 Icc-jiao-div">-->
                            <!--<img src="images/3jiao.png" alt="" class="Icc-jiao">-->
                        <!--</div>-->
                        <!--<div class="col-sm-8 col-xs-12 Icc-text">-->
                            <!--<img src="images/more.png" alt="" class="more-img">-->
                            <!--<h4 class="media-heading" style="color: red">Middle aligned media</h4>-->
                            <!--<span class="time-span">2017-8-8</span>-->
                            <!--<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis dicta dolores est eum-->
                            <!--exercitationem maxime neque numquam, perferendis praesentium provident quae quasi ratione,-->
                            <!--rerum similique unde vitae voluptate voluptates voluptatum.</span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li class="Icc-li">-->
                    <!--<div class="media ">-->
                        <!--<div class="hidden-xs col-sm-2 Icc-col1-width" style="">-->
                            <!--<div class="bg-div">-->
                                <!--<img class="media-object icc-img" src="./images/community_img.png" alt="">-->
                            <!--</div>-->
                            <!--&lt;!&ndash;<img    class="icc-img1" src="images/Icc_bg.png" alt="">&ndash;&gt;-->
                        <!--</div>-->
                        <!--<div class="col-sm-1 col-xs-1 Icc-jiao-div">-->
                            <!--<img src="images/3jiao.png" alt="" class="Icc-jiao">-->
                        <!--</div>-->
                        <!--<div class="col-sm-8 col-xs-12 Icc-text">-->
                            <!--<img src="images/more.png" alt="" class="more-img">-->
                            <!--<h4 class="media-heading" style="color: red">Middle aligned media</h4>-->
                            <!--<span class="time-span">2017-8-8</span>-->
                            <!--<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis dicta dolores est eum-->
                            <!--exercitationem maxime neque numquam, perferendis praesentium provident quae quasi ratione,-->
                            <!--rerum similique unde vitae voluptate voluptates voluptatum.</span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</li>-->
            </ul>
        </div>
        <div class="row" class="pagination_container">
            <div class="col-md-6 hidden-xs hidden-sm">
                <div id="pagination" class="text-right"></div>
            </div>
            <div class="col-md-6 col-xs-12 pagination_des">
                共<span id="pageNum">10</span>页&nbsp;&nbsp;&nbsp; 到第
                <select name="" id="pagination_select_page">

                </select>
                页 <a id="changePageBtn">确定</a>
            </div>
        </div>
    </div>
</div>

<!--GGX 底部-->
<div class="container-fluid">
    <div class="row" id="bottom">
        <div class="col-xs-12">
            <form class="form-inline text-center">
                <div class="form-group">
                    <label for="exampleInputName2">立即报名：</label>
                    <input type="text" class="form-control" id="exampleInputName2" placeholder="孩子姓名">
                </div>
                <div class="form-group">
                    <!--<label for="exampleInputEmail2">Email</label>-->
                    <input type="email" class="form-control" placeholder="孩子年龄">
                </div>
                <div class="form-group">
                    <!--<label for="exampleInputEmail2">Email</label>-->
                    <input type="email" class="form-control" placeholder="联系电话">
                </div>

                <button type="submit" id="submitit" class="btn ">申请试听课</button>
            </form>
        </div>
    </div>
</div>
<div style="background-color: #1D1D1D">
    <div class="container" id="bottom2">
        <div class="row">
            <div class="col-md-1 col-sm-1 col-xs-1 hidden-xs">
                <ui>
                    <li><a href="index.html"><span>首页</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="about.html"><span>关于宝可思ICC</span></a></li>
                    <li><a href="about.html"><span>品牌背景</span></a></li>
                    <li><a href="about.html"><span>团队介绍</span></a></li>
                    <li><a href="about.html"><span>教育理念&优势</span></a></li>
                    <li><a href="about.html"><span>荣誉&资质</span></a></li>
                    <li><a href="mediaReport.html"><span>媒体报道</span></a></li>
                    <li><a href="engageTalents.html"><span>诚聘英才</span></a></li>
                    <li><a href="contact.html"><span>联系我们</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="teachingShow.html"><span>教学展示</span></a></li>
                    <li><a href="teachingShow.html"><span>课程名称&内容</span></a></li>
                    <li><a href="teachingShow.html"><span>课程图片</span></a></li>
                    <li><a href="teachingShow.html"><span>教学视频</span></a></li>
                    <li><a href="teachingActivity.html"><span>教学活动</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="brand.html"><span>品牌加盟</span></a></li>
                    <li><a href="brand.html"><span>品牌优势</span></a></li>
                    <li><a href="brand.html"><span>品牌支持</span></a></li>
                    <li><a href="brand.html"><span>加盟流程</span></a></li>
                    <li><a href="brand.html"><span>加盟信息提交</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="nationwide.html"><span>全国中心</span></a></li>
                    <li><a href="nationwide.html"><span>各校区展示</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="ICCCommunity.html"><span class="bottom-active">宝可思ICC社区</span></a></li>
                </ui>
            </div>
            <script>
                $(document).ready(function () {
                    $('.to-top-class').click(function () {
                        $('html, body').animate({scrollTop: 0}, 'slow');
                    });
                });
            </script>
            <div class="col-md-1 col-sm-1 col-xs-12">
                <a href="#to-top"><img src="./images/top@2x.png" alt="" class="to-top-class"></a>
            </div>
        </div>
    </div>
    <div class="line"></div>
    <div class="container" id="bottom3">
        <div>
            <p>本站所有权、运营权和维护权都归宝可思国际儿童会所有</p>
            <p>Copyright 2013 MHH ALL Rights Reserved</p>
            <p>宝可思国际儿童会 京ICP备14006561号-6</p>
        </div>
    </div>
</div>


<!-- 引入分页 -->
<script src="./js/jquery.paging.min.js"></script>
<!--右边的悬浮框-->
<script type="text/javascript">
    $(document).ready(function () {
        var h = $(document).height() - $(window).height();
        $('.right-fix').click(function () {
            $('html, body').animate({scrollTop: 500}, 'slow');
        });
    });
</script>
<div class="right-fix hidden-sm">
    <p>免费领取</p>
    <p>价值600元</p>
    <p>试听课</p>
</div>
<div class="right-fix-ly hidden-sm" style="" onclick="openwindow('./leaveMessage.html')">
    <img src="./images/liuyan.png" alt="" style="width: 70%">
    <p style="color: #DF1717;font-size: 14px;margin:0">在线咨询</p>
</div>
<!--渲染页面的操作-->

<script id="tmplItem" type="text/x-jquery-tmpl">

	<!--模板-->
   <li class="Icc-li">
                    <div class="media ">
                        <div class="hidden-xs col-sm-2 Icc-col1-width" style="">
                            <div class="bg-div">
                                <img class="media-object icc-img" src="./images/community_img.png" alt="">
                            </div>
                            <!--<img    class="icc-img1" src="images/Icc_bg.png" alt="">-->
                        </div>
                        <div class="col-sm-1 col-xs-1 Icc-jiao-div">
                            <img src="${img}" alt="" class="Icc-jiao">
                        </div>
                        <div class="col-sm-8 col-xs-12 Icc-text">
                            <img src="images/more.png" alt="" class="more-img">
                            <h4 class="media-heading" style="color: red">${title}</h4>
                            <span class="time-span">${time}</span>
                            <html>{{html content}}</html>
                        </div>
                    </div>
                </li>
</script>
<script id="pageList" type="text/x-jquery-tmpl">
       <option>{{= num}}</option>
</script>

<script>


//    alert(format("Thu Aug 22 2013 15:12:00 GMT+0800", 'yyyy-MM-dd HH:mm:ss'));


    var count=0
    var pageNum=0
    function getData(){
        console.log("请求数据")
        function hello(){
            alert("hello");
            count=25
            pageNum=5;
            $("#pageNum")[0].innerHTML=pageNum;
            document.getElementById("pageNum").innerHTML=pageNum;
            var Pagination = $("#pagination").paging(count, {
                format: '[< ncn >]',
                perpage: 5,
                page: 1,
                onSelect: function (page) {
                    // 关联数据
                    currentPage = page;
                    $("#pagination_select_page").get(0).selectedIndex = page - 1;
                    //
                    console.log("开始请求数据")
                    console.log("请求第"+page+"页")

//            $.ajax({
//                type: "post",
//                dataType: "JSON",
//                url: 'http://localhost:8088/api/station/search',
//                headers: {
//                    Authorization: "Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJzeXNfYWRtaW4iLCJhdXRoIjoiUm9sZUFkZCxSb2xlQXV0aFVwZGF0ZSxSb2xlRGVsLFJvbGVNb2RpZnksYWNjb3VudEFkZCxhY2NvdW50RGVsLGFjY291bnRNb2RpZnksYWNjb3VudF9tYW5hZ2UsYWNjb3VudF9zdGF0dXMsYXJlYUFkZCxhcmVhQ3JhZnRBZGQsYXJlYUNyYWZ0RGVsLGFyZWFDcmFmdE1vZGlmeSxhcmVhTWRvZGlmeSxhcmVhX2NyYWZ0X21hbmFnZSxhcmVhX21hbmFnZSxhdXhpbGlhcnlNYXRlcmlhbEFkZCxhdXhpbGlhcnlNYXRlcmlhbE1vZGlmeSxhdXhpbGlhcnlfbWF0ZXJpYWxfTWFuYWdlLGJhc2VfYXV0aCxiYXNlX2RhdGUsYmFzZV9tb2R1bGUsYnVkZ2V0TW9kdWxlTGVmdEFkZCxidWRnZXRNb2R1bGVMZWZ0RGVsLGJ1ZGdldE1vZHVsZUxlZnRNb2RpZnksYnVkZ2V0TW9kdWxlUmlnaHRBZGQsYnVkZ2V0TW9kdWxlUmlnaHREZWwsYnVkZ2V0TW9kdWxlUmlnaHRNb2RpZnksYnVkZ2V0T3JnYW5pemF0aW9uQnRuLGJ1ZGdldF9tb2R1bGVfbWFuYWdlLGNoYW5nZUFwcGx5LGNpdHlBZGQsY2l0eURlbCxjaXR5TW9kaWZ5LGNpdHlfbWFuYWdlLGNvbW1vZGl0eV9hdHRyaWJ1dGUsY29tbW9kaXR5X21hdGVyaWFsX3JlbmV3YWxfc291cmNlLGNvbW1vZGl0eV9tYXRlcmlhbF9zdG9ja2luZ19ub2RlLGNvbW1vZGl0eV9tYXRlcmlhbF9zdXBwbHlfbm9kZSxjb21tb2RpdHlfbWF0ZXJpYWxfdW5pdCxjb21tb2RpdHlfbWF0ZXJpYWxfd2VpZ2h0X3VuaXQsY29uc3RydWN0aW9uX3BsYW5fdGVtcGxhdGVfbWFuYWdlLGNyYWZ0QWRkLGNyYWZ0RGVsLGNyYWZ0TW9kaWZ5LGNyYWZ0X21hbmFnZSxkYXRlX2RpY3Rpb25hcnksZGVwYXJ0bWVudF9tYW5hZ2UsZGVwYXJ0bWVudF9wb3dlcl9sZXZlbCxkaWN0aW9uYXJ5QWRkLGRpY3Rpb25hcnlEZWwsZGljdGlvbmFyeU1vZGlmeSxmaWVsZEF1dGhvcml0eVVwZGF0ZSxmaWVsZF9hdXRob3JpdHksZnVuY3Rpb25BcmVhTGVmdEFkZCxmdW5jdGlvbkFyZWFMZWZ0RGVsLGZ1bmN0aW9uQXJlYUxlZnRNb2RpZnksZnVuY3Rpb25BcmVhUmlnaHRBZGQsZnVuY3Rpb25BcmVhUmlnaHREZWwsZnVuY3Rpb25BcmVhUmlnaHRNb2RpZnksZnVuY3Rpb25fYXJlYXNfZGVmaW5pdGlvbixmdW5jdGlvbl9jYXRlZ29yeV90eXBlLGZ1bmN0aW9uYWxfYXJlYXNfbWFuYWdlLGxhYm91cl91bml0LG1hdGVyaWFsQWRkLG1hdGVyaWFsRGVsLG1hdGVyaWFsTW9kaWZ5LG1hdGVyaWFsU2VsZWN0LG1hdGVyaWFsVHlwZUFkZCxtYXRlcmlhbFR5cGVEZWwsbWF0ZXJpYWxUeXBlTW9kaWZ5LG1hdGVyaWFsX21hbmFnZSxtYXRlcmlhbF90eXBlLG1pbmltdW1fdW5pdF91bml0LG9yZGVyX21hbmFnZSxvcmdhbml6YXRpb25BZGQsb3JnYW5pemF0aW9uRGVsLG9yZ2FuaXphdGlvbk1vZGlmeSxvcmdhbml6YXRpb25fc3RydWN0dXJlLHBsYW5UbXBMZWZ0QWRkLHBsYW5UbXBMZWZ0RGVsLHBsYW5UbXBMZWZ0TW9kaWZ5LHBsYW5UbXBSaWdodE1vZGlmeSxwbGFubmluZ190ZW1wbGF0ZV90eXBlLHByb2Nlc3NBZGQscHJvY2Vzc0RlbCxwcm9jZXNzX21hbmFnZSxwcm9kdWN0TGVmdEFkZCxwcm9kdWN0TGVmdERlbCxwcm9kdWN0TGVmdE1vZGlmeSxwcm9kdWN0TWF0ZXJpYWxBZGQscHJvZHVjdE1hdGVyaWFsRGVsLHByb2R1Y3RNYXRlcmlhbE1vZGlmeSxwcm9kdWN0UHJvY2Vzc0FkZCxwcm9kdWN0UHJvY2Vzc0RlbCxwcm9kdWN0UmlnaHRBZGQscHJvZHVjdFJpZ2h0RGVsLHByb2R1Y3RSaWdodE1vZGlmeSxwcm9kdWN0U2V0UHJvY2Vzcyxwcm9kdWN0X21hbmFnZSxwcm9kdWN0X21hdGVyaWFsLHByb2R1Y3RfcHJvamVjdCxwcm9qZWN0QXR0YWNoZW1lbnRDaGVjayxwcm9qZWN0T2RlckJ1ZGdldCxwcm9qZWN0T2RlckJ1ZGdldEVuZCxwcm9qZWN0T3JkZXJNZWFzdXJlQ2hlY2sscHJvamVjdE9yZGVyU2V0TWVudSxwcm9qZWN0X21hbmFnZSxwcm9qZWN0X29yZGVyX21hbmFnZSxwcm9qZWN0X3R5cGUscXVlcnlfc3RhdGlzdGljcyxyZXNldFBhc3N3ZCxyb2xlX21hbmFnZSxyb2xlX3JpZ2h0X2xldmVsLHN1cGVyQnVkZ2V0VXBkYXRlQnRuLHN5c3RlbV9zZXR0aW5nLHdhcmVob3VzZUFkZCx3YXJlaG91c2VEZWwsd2FyZWhvdXNlTW9kaWZ5LHdhcmVob3VzZVByaWNlQ2hhbmdlLHdhcmVob3VzZV9tYW5hZ2Usd2FyZWhvdXNlX21hdGVyaWFsX3ByaWNlLHdhcmVob3VzZV90eXBlLHdvcmtfbWFuYWdlbWVudCIsInRva2VuX3VzZXIiOiJ7XCJpZFwiOjEsXCJ1c2VyTmFtZVwiOlwic3lzX2FkbWluXCIsXCJwYXNzd29yZFwiOlwiRTEwQURDMzk0OUJBNTlBQkJFNTZFMDU3RjIwRjg4M0VcIixcInJlYWxOYW1lXCI6XCLnrqHnkIblkZhcIixcImVtYWlsXCI6XCIxMTExMTExMTExMTFAMTYzLmNvbVwiLFwibW9iaWxlXCI6XCIxODU2MTMzODE4MFwiLFwiZW1wbG95ZWVJZFwiOlwiMTAwMDFcIixcImR1dHlcIjpcIklUXCIsXCJjb21wb3NlTmFtZVwiOlwi6L-Q57u0XCIsXCJzZXhcIjpcIjBcIixcInN0YXR1c1wiOjEsXCJpc1NlbnRUb0xhaWh1b1wiOjEsXCJsYWlodW9Vc2VyVHlwZVwiOjEsXCJjcmVhdGVkQnlcIjoxLFwiY3JlYXRlZFRpbWVcIjoxNDg2Njk1MzE4LFwibGFzdE1vZGlmaWVkQnlcIjoxLFwibGFzdE1vZGlmaWVkVGltZVwiOjE0OTQ0MDY5MDcsXCJ3ZWNoYXRcIjpcIjE4NTYxMzM4MTgwXCJ9IiwidG9rZW5fdXNlcl9pZCI6MSwiZXhwIjoxNTAzOTA5MjI1fQ.VwSW4toTbO3OGcHPz_PxkjNbQwEkpingIDuTczIJOGrsUnHxv6nZxibR4HK6z236lbgHt_jBmWgZ0bQyZCfoRA"
//                },
//                contentType: "application/json; charset=utf-8",//(可以)
//                data: JSON.stringify({
//                    stationName:"测试"
//                }),
//                success: function (data) {
//                    console.log("成了")
//                    console.log(data)
//                }
//            });

                    var itemList=[]
                    if(page==1){
                        var itemList = [
                            {
                                img: "images/3jiao.png",
                                title: "1测测第一个新闻",
                                time: "Thu Aug 22 2013 15:12:00 GMT+0800",
                                content: " <p style='color: red'>免费领取</p> <p>价值600元</p> <p>试听课</p>"
                            },
                            {
                                img: "images/3jiao.png",
                                title: "111第二个新闻",
                                time: "2017-8-21",
                                content: "内容信息内容信息内容信息内容信息内容信息内容信息内容信息内容信息"
                            },
                            {
                                img: "images/3jiao.png",
                                title: "111第3个新闻",
                                time: "2017-8-21",
                                content: "内容信息内容信息内容信息内容信息内容信息内容信息内容信息内容信息"
                            },
                            {
                                img: "images/3jiao.png",
                                title: "第4个新闻",
                                time: "2017-8-21",
                                content: "内容信息内容信息内容信息内容信息内容信息内容信息内容信息内容信息"
                            },
                            {
                                img: "images/3jiao.png",
                                title: "第5个新闻",
                                time: "2017-8-22",
                                content: "内容信息内容信息内容信息内容信息内容信息内容信息内容信息内容信息"
                            }
                        ]
                        function format(time, format){
                            var t = new Date(time);
                            var tf = function(i){return (i < 10 ? '0' : '') + i};
                            return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function(a){
                                switch(a){
                                    case 'yyyy':
                                        return tf(t.getFullYear());
                                        break;
                                    case 'MM':
                                        return tf(t.getMonth() + 1);
                                        break;
                                    case 'mm':
                                        return tf(t.getMinutes());
                                        break;
                                    case 'dd':
                                        return tf(t.getDate());
                                        break;
                                    case 'HH':
                                        return tf(t.getHours());
                                        break;
                                    case 'ss':
                                        return tf(t.getSeconds());
                                        break;
                                }
                            })
                        }
                        for(var i=0;i<itemList.length;i++){
                            itemList[i].time=format(itemList[i].time,"yyyy-MM-dd HH:mm:ss")
                        }
                    }else if(page==2){
                        var itemList = [
                            {
                                img: "images/3jiao.png",
                                title: "222测测第一个新闻",
                                time: "2017-8-19",
                                content: " <p style='color: red'>免费领取</p> <p>价值600元</p> <p>试听课</p>"
                            },
                            {
                                img: "images/3jiao.png",
                                title: "222第二个新闻",
                                time: "2017-8-21",
                                content: "内容信息内容信息内容信息内容信息内容信息内容信息内容信息内容信息"
                            },
                            {
                                img: "images/3jiao.png",
                                title: "222第3个新闻",
                                time: "2017-8-21",
                                content: "内容信息内容信息内容信息内容信息内容信息内容信息内容信息内容信息"
                            },
                            {
                                img: "images/3jiao.png",
                                title: "第4个新闻",
                                time: "2017-8-21",
                                content: "内容信息内容信息内容信息内容信息内容信息内容信息内容信息内容信息"
                            },
                            {
                                img: "images/3jiao.png",
                                title: "第5个新闻",
                                time: "2017-8-22",
                                content: "内容信息内容信息内容信息内容信息内容信息内容信息内容信息内容信息"
                            }
                        ]
                    }

                    console.log("请求数据成功，开始写入ＨＴＭＬ")
                    $("#ul-list").empty();
                    $(function () {
                        $("#tmplItem")
                                .tmpl(itemList)
                                .appendTo("#ul-list");
                    });

                },
                onFormat: function (type) {
                    switch (type) {
                        case 'block': // n and c
                            if (!this.active)
                                return '<a class="disabled">' + this.value + '</a>';
                            else if (this.value != this.page)
                                return '<a href="#' + this.value + '">' + this.value + '</a>';
                            return '<a class="current">' + this.value + '</a>';
//                    return '<a href="#">' + this.value + '</a>';
                        case 'next': // >
                            return '<a href="#">下一页</a>';
                        case 'prev': // <
                            return '<a href="#">上一页</a>';
                        case 'first': // [
                            return '';
                        case 'last': // ]
                            return '';
                        case 'active':
                            return '<a href="#" class="text-danger">' + this.value + '</a>';
                    }
                }
            });
            var pageList=[];
            for(var i =0;i<pageNum;i++){
                pageList.push({
                    num:i+1
                })
            }
            $("#pagination_select_page").empty();
            $(function () {
                $("#pageList")
                        .tmpl(pageList)
                        .appendTo("#pagination_select_page");
            });
        }
        window.setTimeout(hello,2000);


    }
    getData()

    var currentPage = 0;
    $("#pagination_select_page").on("change", function () {
        currentPage = $(this).val();
    });
    $("#changePageBtn").click(function () {
        Pagination.setPage(currentPage);
    });
</script>
</body>
</html>
